h2{}

form {background:#fff; border:2px #ccc solid; padding:5px; display:block; margin:10px 0;}
form p{font-size:.9em; font-weight:bold;background:#fff; margin: 0 3px 7px 3px; padding:0;}
form div.color{background:#f4f4f4; padding:7px; margin:5px 0;}
form label{padding:3px 5px; margin-right:15px; float:left;}
form div{background:#f4f4f4; padding:3px 5px; margin:0;}
form div input[type="text"]{margin-left: 5px;}
form table{border-spacing:0; padding:0; margin-top:-7px; margin-bottom:-7px;}
form table tr{}
form table tr td#Label{text-align: left; width:90px;}
form table tr td{border-right:5px #fff solid; text-align:center; width:50px;}
form table tr td.day{padding-top:3px; padding-bottom:0;}
form table tr td.day2{padding-top:0; padding-bottom:7px;}
form table tr td.space{padding-top:3px; width:90px;}
form label.space{width:90px; padding:7px 0 12px 0; margin:-7px 0; border-right:5px #fff solid;}
form select{margin:0 10px; width:60px}
form select option{}
form a{}

#roadinfoboxe {
	background-color: green;
	color: white;
	/*display:block;*/
	border: 1px groove black;
	text-align: center;
	height: 12px;
	width: 20px;
	padding: 0 5px;
	font-size: 9px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

#roadinfoboxr {
	background-color: white;
	/*display:block;*/
	border: 1px solid black;
	text-align: center;
	height: 12px;
	width: 20px;
	padding: 0 5px;
	font-size: 9px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}


h2 {
	font-size: 1em;
}

.forecast-day p {
	font-size: 0.7em;
}

#predefvalg  table{
	border-spacing:0;
	background-color: #f4f4f4;
	padding:0;
}
#predefvalg table a{
		text-decoration: none;
}

#predefvalg td:hover {
	background: #ccc;
	
}

#predefvalg table tr td{
	border-right:5px #fff solid; 
	border-bottom:5px #fff solid; 
	text-align:center;
	width:160px;
	padding-top:3px; 
	padding-bottom:7px;
}

#predefvalg p{
	font-size:.9em; 
	font-weight:bold;
	background:#fff; 
	margin: 0 3px 7px 3px;
	padding:0;
}

#predefvalg {
	background:#fff; 
	border:2px #ccc solid;
	padding:5px;
	display:block;
	margin:10px 0;
}

/*
table tr td.day{
	padding-top:3px;
	padding-bottom:0;
}
table tr td.day2{
	padding-top:0; 
	padding-bottom:7px;
}
table tr td.space{
	padding-top:3px; 
	width:90px;
}
*/


#main ul#menu{margin:10px 0 5px 0}
#main ul#menu li{display:inline; margin:0 3px; padding:2px 4px; border:2px #ccc solid;}
#main ul#menu li:hover{background:#fff;}
#main ul#menu li a{color:#000; text-decoration:none;}

#main ul#predef{}
#main ul#predef>li{float:left; list-style-type:none; width:250px;}
#main ul#predef>li ol{}
#main ul#predef>li ol li{list-style-type:none; margin:15px 0}
#main ul#predef>li ol li img{float:left; margin-right:10px;}
#main ul#predef>li ol li h3{font-size:.9em;}
#main ul#predef>li ol li p{clear:both; margin:0; padding:0; font-size:.9em}

.clear {
	clear: both;
}

.date-box {
		width: 95%;
		height: 115px; 
		height: 120px;
		border: 2px solid #ccd2ce;
		overflow: hidden;
		margin: 0 6px 6px 0;
		padding: 0;
		float: left;
	}

.forecast-day {
	float: left;
	height:auto;
	width:150px !important;
}

.forecast-box {
	width: 126px;
	height: 125px; 
	height: 120px;
	border: 2px solid #ccd2ce;
	overflow: hidden;
	margin: 0 6px 6px 0;
	padding: 0;
	float: left;
	clear: both;
}

.forecast-box {
	height: 120px;
}

.forecast-box h3 {
	font-weight: bold;
	color: #7a8180;
	background: #fff;
	margin: 2px 2px 0 2px;
	padding: 0 0 0 2px !important;
	height: 15px !important;
	overflow: hidden;
	font-size: 10px;
}

.forecast-box h3 em {
	font-style: normal;
	font-weight: normal;
}

.forecast-box p {
	background: #fff;
	padding: 2px 2px 100px 2px !important;
	margin: 0 2px -100px 2px;
	font-size: 10px;
}

.forecast-box table {
	width: 100%;
}

.forecast-box td {
	width: 33%;
	text-align: center;
}

.forecast-box td.plus,.forecast-box td.minus,.forecast-box td.wind {
	border-left: 1px solid #fff;
}

.forecast-box .plus,.forecast-box .minus {
	font-size: 20px !important;
	font-weight: bold;
	margin: 8px 0 0 0;
}


.forecast-box .plus {
color: #f01c1c; 

}

.forecast-box .minus {
color: #0280d9; 

}
.best-box {
	width: 126px;
	height: 30px;
	border: 0px solid #ccd2ce;
	overflow: hidden;
	margin: 0 6px 6px 0;
	padding: 0;
	float: left;
}

.best-box h3 {
	font-weight: bold;
	color: #ffffff;
	background: #007700;
	margin: 2px 2px 0 2px;
	padding: 0 0 0 2px !important;
	height: 15px !important;
	overflow: hidden;
	font-size: 10px;
}